import React from 'react';
import { toJS } from 'mobx';
import { inject, observer } from 'mobx-react';
import { withRouter } from 'react-router-dom';
import { Tools, List, Icon } from 'weaver-mobile';
import { ListPage, ShareAuth } from 'weaver-mobile-page';

const getLabel = Tools.getLabel;

@withRouter
@inject('userCenterStore')
@observer
export default class MyShare extends React.Component {
  static defaultProps = {
    prefixCls: 'blog-center-setting-share-myShare'
  }

  componentDidMount() {
    const { userCenterStore: { settingStore } } = this.props;
    const { myShareInit } = settingStore;
    myShareInit();
  }

  getMyShareList = () => {

  }

  render() {
    const { prefixCls } = this.props;
    return (
      <div className={prefixCls}>
        <List>
          {/* <ShareAuth> */}
            <List.Item>
              <Icon type='plus' size='xxs'/>{getLabel('384480','添加分享') }
            </List.Item>
          {/* </ShareAuth> */}
          <div className={`${prefixCls}-content`}>
            {this.getMyShareList()}
          </div>
        </List>
      </div>
    )
  }
}